
.menus {
  width: calc(100% - 2em);
  margin: 1em;
  gap: 1em;
  height: 22vh;

  .item {
    position: relative;
    // background: #40a4e6;
    background: linear-gradient(326deg, rgb(255, 197, 61), rgb(255, 214, 102));
    border-radius: 6px;
    width: 100%;
    height: 100%;
    color: #333;
    padding: 1em;

    .title {
      font-size: 1.2em;
    }

    .subtitle {
      font-size: .8em;
      margin-top: .5em;
    }

    .icon {
      position: absolute;
      right: 10px;
      bottom: 6px;
      opacity: .07;
    }
  }
  
}
